<template>
    <div id="app">
        <ul class="uls">
            <li>
                <router-link :to="{ path: '/home' }">首页</router-link>
            </li>
            <li>
                <router-link :to="{ path: '/shequ' }">社区</router-link>
            </li>
        </ul>
        <router-view></router-view>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss">
* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
#app{
    width: 100vw;
    height: 100vh;
    .uls {
    display: flex;

    li {
        width: 100px;

        a {
            color: black;
        }

        .router-link-active {
            color: red;
        }
    }
}
}


</style>